<template>
  <div class="introduction">
    <div class="introduction-head">
      <p>没钱也旅游之旅游资讯</p>
      <span>创建者:蓝莓派</span>
      <span>创建时间:2016/03/26</span>
    </div>
    <div class="introduction-img">
      <img src="../../assets/images/details1_640_300.jpg" alt="">
	</div>
      <div class="introduction-content">
        <div class="introduction-label">
          <i class="icon iconfont">&#xe611;</i>
          <span>旅游</span>
          <span>资讯</span>
          <span>穷游</span>
        </div>
        <div class="introduction-com">
          <h3>小组简介:</h3>
          <p>清贫和孤独让人敏锐,带上他们出发吧。<p>
          <p>2015已经快过去了，回首这一年，你有没有最想对自己说的话呢？</p><br />
          <p>--你可以--</p>
          <p>(1)回顾一下这一年的"最"时刻(最开心,最逗比,最遗憾,最幸福......)</p>
          <p>(2)或者写一些想对自己说的花，什么都可以</p><br /><br />
          <p>--话题奖励--</p>	
          <p>(1)奖励:和社区有奖征稿贴奖励相同，包含手工皂、巧克力、物喜等待着优质实物奖品。</p>	
          <p>(2)如果你觉得一个状态没有办法写完自己的感受，可以去社区参与有奖征稿。</p>	<br /><br />
          </p>
        </div>
        <div class="introduction-share">
        	<div class="icon">
        		<i class="icon iconfont">&#xe7a1;</i>
        		<i class="icon iconfont">&#xe68c;</i>
        		<i class="icon iconfont">&#xe63b;</i>
        		<i class="icon iconfont">&#xe80f;</i>
        		<i class="icon iconfont">&#xe61c;</i>
        		<i class="icon iconfont">&#xe630;</i>
        		<i class="icon iconfont">&#xe657;</i>
        	</div>
        	<p>喜欢的话就分享出去吧！</p>
					<div class="share-to">
						<span class="share">分享长微博</span>
						<span class="toreport">举报</span>
					</div>
        </div>
      </div>
    </div>
</template>
<script>
export default {
  name: 'Introduction',
  components: {

  }
}

</script>
<style>
.introduction {
  background: #fff;
  font-size: 0.16rem;
  letter-spacing: 0.02rem;
  margin-bottom: 0.15rem;
}

.introduction-head {
  padding: .1rem;
}

.introduction-head p {
  padding: 0.05rem 0;
}

.introduction-head span {
  color: #A9A9A9;
  font-size: 0.14rem;
}
.introduction-content {
  margin: 0.1rem;
}
 .introduction-content .introduction-label {
  padding: 0 0 0.1rem 0;
}

.introduction-label i {
  font-size: 0.2rem;
  margin-right:0.05rem;
  color: #999;
}

.introduction-label span {
  background: #999999;
  padding: 0.05rem 0.1rem;
  color: #fff;
  border-radius: 0.16rem;
}
.introduction-com p{
	line-height: 0.25rem;
}
.introduction-share .icon{
	margin: 0 0 0.2rem 0;
}
.introduction-share .icon i{
	font-size: 0.2rem;
	color: #000;
	border: 1px solid #000;
	border-radius: 50%;
	padding: 0.08rem;
}
.introduction-share p{
	padding: 0.1rem 0;
}
.introduction-share .share-to{
	padding: 0.1rem 0 0.2rem 0;
}
.introduction-share .share-to .share{
	background:#E4F2F5;
	color:#3CB9D9;
	padding: 0.1rem;
	border-radius: 0.2rem;
}
.introduction-share .share-to .toreport{
	float: right;
}
</style>
